Programmeren 5 Les 25
Home

Programmeren 5 Les 25

Fric-frac realisatie MVC Core project aanmaken
Fric-frac realisatie: Views maken

Programmeren 5
Les 25

17 januari 2018

Fric-frac realisatie: Views en Controllers maken

Doelstelling

  1. In een vorige les hebben we het model gemaakt nu maken we de views, wat overeenkomt met de tweede letter in het acronym MVC. De HTML en CSS die we gaan maken is gebaseerd op Fric-frac Wireframes. De views bestaan uit HTML, CSS en C# en worden opgeslagen in de map Views en hebben een cshtml extensie waarmee wordt aangegeven dat die bestanden zowel HTML, CSS als C# code kunnen bevatten.
  2. We leren het concept Masterpage in ASP.NET MVC.
  3. We leren hoe je manueel views maakt in ASP.NET MVC vertrekkend van een wireframe.

Leerpad

  1. Ik ga ervan uit dat je het model voor de Fric-Frac app reeds gemaakt hebt. Uitleg hierover vind je op EF Core - Fric-frac model op basis van bestaande database.
  2. Filmpje: Fric-frac Views en Controllers toevoegen
  3. De views maken we volgens het design uitgetekend in de Fric-frac Wireframes:
    1. Fric-frac master page
    2. Fric-frac Website Index wireframe naar HTML
    3. Fric-frac Admin Index wireframe naar HTML
    4. Fric-frac Person Index wireframe omzetten naar HTML
    5. Fric-frac Person InsertingOne wireframe omzetten naar HTML
    6. Fric-frac Person ReadingOne wireframe omzetten naar HTML
    7. Fric-frac Person UpdatingOne wireframe omzetten naar HTML
  4. We hebben nu de views gemaakt maar kunnen ze niet uitproberen. Daarvoor moeten we de Controllers toevoegen:
    1. Fric-frac HomeController
    2. Fric-frac AdminController
    3. Fric-frac PersonController

Opdracht

  1. Maak de views voor de Log entiteit.
  2. Maak de Controller klasse voor Log entiteit.
  3. Maak in de Controller klasse de volgende methoden:
    1. Index
    2. InsertingOne
    3. ReadingOne
    4. UpdatingOne
  4. Deze opdracht maakt deel uit van de laatste examenopdracht.
  5. Synchroniseer je lokale map met Cloud9 met behulp van link. In de commit commentaar plaats je "Les 25 VosAdmin realisatie het model maken".
  6. Deadline: dag van het examen 31 januari 2018

JI
2018-12-30 10:50:04